<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
	<meta name="viewport" content="user-scalable=no,viewport-fit=cover" />
	<link href="./css/baseCss.css" rel="stylesheet" type="text/css"/>
	<link href="./base/layer.css" rel="stylesheet" type="text/css"/>
	<!-- <link href="./base/articlecon.css" rel="stylesheet" type="text/css"/> -->
	<link href="./base/base2.css" rel="stylesheet" type="text/css"/>
	<link rel="stylesheet" type="text/css" href="./css/swiper-3.4.0.min.css">
	<script type="text/javascript" src="./base/rem.js"></script>
	<script type="text/javascript" src="./base/iscroll.js"></script>
	
	<link rel="stylesheet" type="text/css" href="./css/detail.css">
	<title>餐厅详情页</title>
</head>
<body>
	<div class="container">
		<div class="detail-top">
			<div class="detail-top-bg">
				<img class="bgImg" src="./img/bg_01.png">
				<div class="detail-top-love" onclick="window.location.href='./index.html'">
					<img src="./img/return_02.png">
					<!-- <img src="./img/heart_01.png"><img src="./img/share_01.png"> -->
				</div>
			</div>
			<div class="detail-top-name">欢乐汇餐厅</div>
			<div  class="detail-top-prefer">
				<span class="prefer">满减</span>
				<span class="prefer-inc"><span>满20减2;</span><span>满30减4;</span><span>满50减7</span></span>
				
			</div>
			<div class="detail-top-size">
				<span>味道赞</span><span>包装好</span><span>价格实惠</span><span>服务好</span>
			</div>
			<div><img class="logoImg" src="./img/root_03.png"></div>
		</div>
		<div class="detail-bar">
			<div class="detail-sw">
				<div class="detail-current">点菜</div><div onclick="detailDis('detailComment');">评价</div><div onclick="detailDis('detailMerchant');">商家</div>
			</div>
			<div class="detail-dish">
				<ul class="dish-menu">
					<li onclick='menuClick(this);' data-cateGoryId="1" class='menu-current'><img src='./img/hot.png'>热销</li>
					<li onclick='menuClick(this);' data-cateGoryId="2">新品推荐</li>
					<li onclick='menuClick(this);' data-cateGoryId="3">现炒快餐</li>
					<li onclick='menuClick(this);' data-cateGoryId="4">营养汤类</li>
					<li onclick='menuClick(this);' data-cateGoryId="5">煲仔饭</li>
					<li onclick='menuClick(this);' data-cateGoryId="6">回锅肉</li>
					<li onclick='menuClick(this);' data-cateGoryId="7">蔬菜类</li>
					<li onclick='menuClick(this);' data-cateGoryId="8">猪肉类</li>
				</ul>
				<div id="menu" class="detail-food-inc">
				<ul class="detail-food">
					<li class='food1' data-foodid="1">
						<div class="detail-food-img"><img src="./img/neet_04.png"></div>
						<div class="detail-food-bar">
							<div class="detail-food-name">农家小炒肉</div>
							<div class="detail-food-num"><span>月售222</span><span>赞21</span></div>
							<div class="detail-food-money">￥<span class="foodMoney">20</span></div>
						</div>
						<div class="detail-food-add">
							<span class='subtract-other'><img class='subtractNum' onclick='subtractFoodNum(this);' src='./img/subtract_01.png'><span class='foodNum'>1</span></span>
							<img class='addNum' onclick='addFoodNum(this);' src='./img/add_01.png'>
						</div>
					</li>
					<li class='food2' data-foodid="2">
						<div class="detail-food-img"><img src="./img/neet_04.png"></div>
						<div class="detail-food-bar">
							<div class="detail-food-name">五香肉</div>
							<div class="detail-food-num"><span>月售222</span><span>赞21</span></div>
							<div class="detail-food-money">￥<span class="foodMoney">20</span></div>
						</div>
						<div class="detail-food-add">
							<span class='subtract-other'><img class='subtractNum' onclick='subtractFoodNum(this);' src='./img/subtract_01.png'><span class='foodNum'>1</span></span>
							<img class='addNum' onclick='addFoodNum(this);' src='./img/add_01.png'>
						</div>
					</li>
					<li class='food3' data-foodid="3">
						<div class="detail-food-img"><img src="./img/neet_04.png"></div>
						<div class="detail-food-bar">
							<div class="detail-food-name">宫保鸡丁</div>
							<div class="detail-food-num"><span>月售222</span><span>赞21</span></div>
							<div class="detail-food-money">￥<span class="foodMoney">20</span></div>
						</div>
						<div class="detail-food-add">
							<span class='subtract-other'><img class='subtractNum' onclick='subtractFoodNum(this);' src='./img/subtract_01.png'><span class='foodNum'>1</span></span>
							<img class='addNum' onclick='addFoodNum(this);' src='./img/add_01.png'>
						</div>
					</li>
				</ul>
				<ul class="detail-food">
					<li class='food4' data-foodid="4">
						<div class="detail-food-img"><img src="./img/neet_04.png"></div>
						<div class="detail-food-bar">
							<div class="detail-food-name">北京烤鸭</div>
							<div class="detail-food-num"><span>月售222</span><span>赞21</span></div>
							<div class="detail-food-money">￥<span class="foodMoney">20</span></div>
						</div>
						<div class="detail-food-add">
							<span class='subtract-other'><img class='subtractNum' onclick='subtractFoodNum(this);' src='./img/subtract_01.png'><span class='foodNum'>1</span></span>
							<img class='addNum' onclick='addFoodNum(this);' src='./img/add_01.png'>
						</div>
					</li>
					<li class='food5' data-foodid="5">
						<div class="detail-food-img"><img src="./img/neet_04.png"></div>
						<div class="detail-food-bar">
							<div class="detail-food-name">阳澄湖大闸蟹</div>
							<div class="detail-food-num"><span>月售222</span><span>赞21</span></div>
							<div class="detail-food-money">￥<span class="foodMoney">20</span></div>
						</div>
						<div class="detail-food-add">
							<span class='subtract-other'><img class='subtractNum' onclick='subtractFoodNum(this);' src='./img/subtract_01.png'><span class='foodNum'>1</span></span>
							<img class='addNum' onclick='addFoodNum(this);' src='./img/add_01.png'>
						</div>
					</li>
					<li class='food6' data-foodid="6">
						<div class="detail-food-img"><img src="./img/neet_04.png"></div>
						<div class="detail-food-bar">
							<div class="detail-food-name">鸡汤</div>
							<div class="detail-food-num"><span>月售222</span><span>赞21</span></div>
							<div class="detail-food-money">￥<span class="foodMoney">20</span></div>
						</div>
						<div class="detail-food-add">
							<span class='subtract-other'><img class='subtractNum' onclick='subtractFoodNum(this);' src='./img/subtract_01.png'><span class='foodNum'>1</span></span>
							<img class='addNum' onclick='addFoodNum(this);' src='./img/add_01.png'>
						</div>
					</li>
				</ul>
				<ul class="detail-food">
					<li class='food7' data-foodid="7">
						<div class="detail-food-img"><img src="./img/neet_04.png"></div>
						<div class="detail-food-bar">
							<div class="detail-food-name">农家小炒肉</div>
							<div class="detail-food-num"><span>月售222</span><span>赞21</span></div>
							<div class="detail-food-money">￥<span class="foodMoney">20</span></div>
						</div>
						<div class="detail-food-add">
							<span class='subtract-other'><img class='subtractNum' onclick='subtractFoodNum(this);' src='./img/subtract_01.png'><span class='foodNum'>1</span></span>
							<img class='addNum' onclick='addFoodNum(this);' src='./img/add_01.png'>
						</div>
					</li>
					<li class='food8' data-foodid="8">
						<div class="detail-food-img"><img src="./img/neet_04.png"></div>
						<div class="detail-food-bar">
							<div class="detail-food-name">农家小炒肉</div>
							<div class="detail-food-num"><span>月售222</span><span>赞21</span></div>
							<div class="detail-food-money">￥<span class="foodMoney">20</span></div>
						</div>
						<div class="detail-food-add">
							<span class='subtract-other'><img class='subtractNum' onclick='subtractFoodNum(this);' src='./img/subtract_01.png'><span class='foodNum'>1</span></span>
							<img class='addNum' onclick='addFoodNum(this);' src='./img/add_01.png'>
						</div>
					</li>
					<li class='food9' data-foodid="9">
						<div class="detail-food-img"><img src="./img/neet_04.png"></div>
						<div class="detail-food-bar">
							<div class="detail-food-name">农家小炒肉</div>
							<div class="detail-food-num"><span>月售222</span><span>赞21</span></div>
							<div class="detail-food-money">￥<span class="foodMoney">20</span></div>
						</div>
						<div class="detail-food-add">
							<span class='subtract-other'><img class='subtractNum' onclick='subtractFoodNum(this);' src='./img/subtract_01.png'><span class='foodNum'>1</span></span>
							<img class='addNum' onclick='addFoodNum(this);' src='./img/add_01.png'>
						</div>
					</li>
				</ul>
				<ul class="detail-food">
					<li class='food10' data-foodid="10">
						<div class="detail-food-img"><img src="./img/neet_04.png"></div>
						<div class="detail-food-bar">
							<div class="detail-food-name">农家小炒肉</div>
							<div class="detail-food-num"><span>月售222</span><span>赞21</span></div>
							<div class="detail-food-money">￥<span class="foodMoney">20</span></div>
						</div>
						<div class="detail-food-add">
							<span class='subtract-other'><img class='subtractNum' onclick='subtractFoodNum(this);' src='./img/subtract_01.png'><span class='foodNum'>1</span></span>
							<img class='addNum' onclick='addFoodNum(this);' src='./img/add_01.png'>
						</div>
					</li>
					<li class='food11' data-foodid="11">
						<div class="detail-food-img"><img src="./img/neet_04.png"></div>
						<div class="detail-food-bar">
							<div class="detail-food-name">农家小炒肉</div>
							<div class="detail-food-num"><span>月售222</span><span>赞21</span></div>
							<div class="detail-food-money">￥<span class="foodMoney">20</span></div>
						</div>
						<div class="detail-food-add">
							<span class='subtract-other'><img class='subtractNum' onclick='subtractFoodNum(this);' src='./img/subtract_01.png'><span class='foodNum'>1</span></span>
							<img class='addNum' onclick='addFoodNum(this);' src='./img/add_01.png'>
						</div>
					</li>
					<li class='food12' data-foodid="12">
						<div class="detail-food-img"><img src="./img/neet_04.png"></div>
						<div class="detail-food-bar">
							<div class="detail-food-name">农家小炒肉</div>
							<div class="detail-food-num"><span>月售222</span><span>赞21</span></div>
							<div class="detail-food-money">￥<span class="foodMoney">20</span></div>
						</div>
						<div class="detail-food-add">
							<span class='subtract-other'><img class='subtractNum' onclick='subtractFoodNum(this);' src='./img/subtract_01.png'><span class='foodNum'>1</span></span>
							<img class='addNum' onclick='addFoodNum(this);' src='./img/add_01.png'>
						</div>
					</li>
				</ul>
				<ul class="detail-food">
					<li class='food13' data-foodid="13">
						<div class="detail-food-img"><img src="./img/neet_04.png"></div>
						<div class="detail-food-bar">
							<div class="detail-food-name">农家小炒肉</div>
							<div class="detail-food-num"><span>月售222</span><span>赞21</span></div>
							<div class="detail-food-money">￥<span class="foodMoney">20</span></div>
						</div>
						<div class="detail-food-add">
							<span class='subtract-other'><img class='subtractNum' onclick='subtractFoodNum(this);' src='./img/subtract_01.png'><span class='foodNum'>1</span></span>
							<img class='addNum' onclick='addFoodNum(this);' src='./img/add_01.png'>
						</div>
					</li>
					<li class='food14' data-foodid="14">
						<div class="detail-food-img"><img src="./img/neet_04.png"></div>
						<div class="detail-food-bar">
							<div class="detail-food-name">农家小炒肉</div>
							<div class="detail-food-num"><span>月售222</span><span>赞21</span></div>
							<div class="detail-food-money">￥<span class="foodMoney">20</span></div>
						</div>
						<div class="detail-food-add">
							<span class='subtract-other'><img class='subtractNum' onclick='subtractFoodNum(this);' src='./img/subtract_01.png'><span class='foodNum'>1</span></span>
							<img class='addNum' onclick='addFoodNum(this);' src='./img/add_01.png'>
						</div>
					</li>
					<li class='food15' data-foodid="15">
						<div class="detail-food-img"><img src="./img/neet_04.png"></div>
						<div class="detail-food-bar">
							<div class="detail-food-name">农家小炒肉</div>
							<div class="detail-food-num"><span>月售222</span><span>赞21</span></div>
							<div class="detail-food-money">￥<span class="foodMoney">20</span></div>
						</div>
						<div class="detail-food-add">
							<span class='subtract-other'><img class='subtractNum' onclick='subtractFoodNum(this);' src='./img/subtract_01.png'><span class='foodNum'>1</span></span>
							<img class='addNum' onclick='addFoodNum(this);' src='./img/add_01.png'>
						</div>
					</li>
				</ul>
				</div>
			</div>
		</div>
	</div>

	<!-- <div id="settlementDiv" style="height: 1.66rem;"></div> -->
	<div class="foodList">
		<div style="height: 1rem;padding-right: 0.34rem;">
			<div class="foodList_clear" onclick="clearFoodList();">清空</div>
		</div>
		<ul>
			<!-- <li>
				<div class="foodList_name">烧烤</div>
				<div class="foodList_price">
					￥<span>20</span>
				</div>
				<div class="sub-add">
					<span class="subtract-other"><img class="subtractNum" src="./img/subtract_01.png"><span class="foodNum">1</span></span>
					<img class="addNum" src="./img/add_01.png" onclick="addFoodNum(this);">
				</div>
			</li> -->
		</ul>
	</div>
	
	<div class="settlement" onclick="disFood();">
		
		<div class="settlement-car"><img src="./img/car_01.png"><span><span class="settlement-car-num">0</span></span></div>
		<div class="settlement-num">
			<div>￥<span id="totalPrice">0</span></div>
			<div class="distribution">配送费<span id="dispatchPrice">0</span>元</div>
		</div>
		<div class="settlement-go" onclick="toSubmit(event);">去结算</div>
	</div>
	<div style="height: 1.66rem;"></div>
	<div class="zhezhao" onclick="disFood();"></div>
</body>
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/httpUnit.js"></script>
<script type="text/javascript" src="./js/constants.js"></script>
<script type="text/javascript" src="./js/detail.js"></script>
<script type="text/javascript">
	
	
</script>
</html>